0x00什么是ws劫持在Websocket的业务中,其中常见的漏洞是ws劫持,全称为跨站点CSWSH(Cross-SiteWebSocketHijacking)跨站WebSocket劫持漏洞。WebSocket概念WebSocket是通过HTTP启动的双向、全双工通信协议。它们通常用于流式传输数据和其他异步流量的现代Web应用程序中。最常见的是网站中的聊天机器人有人要问了:那他和同为协议的且使用更普遍的HTTP协议有什么区别呢?首先呢WebSocket是HTML5推出的新协议,是基于TCP的应用层通信协议,它与http协议内容本身没有关系。同时WebSocket也类似于TCP一样进行握手连接,
本文章是经查阅网上的一些文章,自己进行总结,做笔记方便以后查阅。本篇文章背景:因为想要实现给图片加文字,并在前端预览的功能,这涉及到Base64,特此记录。后端给前端传图片:一般后台给前端传图片,有两种方式:一种是通过response.getOutputStream直接将图片以流的形式写到页面显示,另一种是先把图片上传到服务器,拿到url地址后把url地址给前端。此外,也可以将图片的字节数组通过Base64编译后返回给前端,前端直接拿了可以显示为图片。一、字节数组Base64编译byte[]bytes; //图片的字节数组BASE64Encoderencoder=newBASE64Encode
前言:Sentry是一款开源的异常监控平台,支持各种语言的SDK,通过对应SDK可以收集错误信息和性能数据,并可以再后台web页面中查看相关信息。官方地址:安装说明:https://develop.sentry.dev/self-hosted/后台使用说明:https://docs.sentry.io/product/releases/SDK使用说明(根据需要选择平台查看对应文档):https://docs.sentry.io/platforms/安装:Sentry本身是开源的,但官方也提供商业服务,免去自己搭建和维护,这里我只介绍自己搭建的流程。环境要求:4CPUCores8GBRAM20G
如何检测人工智能自信但肤浅的答案?How to detect the AI’s confident but shallow answers?我面试过很多产品经理候选人,其中一种常规面试形式(在PM面试循环中非常标准)是产品Sense面试。受到最近推出的ChatGPT和JackieBavaro的以下推文的启发,我决定面试ChatGPT的产品经理职位。I'veinterviewedalotofproductmanagercandidates,andoneoftheregularinterviewformats(whichisprettystandardinaPMinterviewloop)isth
CSDN话题挑战赛第2期参赛话题:前端技术分享目录:✨✨✨前言✨✨✨前置准备✨✨✨概述✨✨✨实现过程及代码✨✨✨效果展示✨✨✨资料源✨✨✨github链接✨✨✨前言这是我模仿B站所写项目遇到的第二个很有挑战性的部分,网上的资料比较缺乏,还是大佬室友换了个关键词才搜到比较有用的资料hh。之前没有写过视频相关的项目,所以视频相关的API都十分陌生。从最开始的一无所知,一步步查资料,理解代码,进行修改,解决代码,最后实现的时候感觉非常有成就感。网上能找到的相关插件是用angular.js实现(现在基本被vue,react替代),跟我使用技术栈冲突,无法直接引用插件,而且很多技术细节没有文字解释,阅读
CSDN话题挑战赛第2期参赛话题:前端技术分享目录:✨✨✨前言✨✨✨前置准备✨✨✨概述✨✨✨实现过程及代码✨✨✨效果展示✨✨✨资料源✨✨✨github链接✨✨✨前言这是我模仿B站所写项目遇到的第二个很有挑战性的部分,网上的资料比较缺乏,还是大佬室友换了个关键词才搜到比较有用的资料hh。之前没有写过视频相关的项目,所以视频相关的API都十分陌生。从最开始的一无所知,一步步查资料,理解代码,进行修改,解决代码,最后实现的时候感觉非常有成就感。网上能找到的相关插件是用angular.js实现(现在基本被vue,react替代),跟我使用技术栈冲突,无法直接引用插件,而且很多技术细节没有文字解释,阅读
一篇博客带你实现一个真正的项目! 先来看看它是什么样式的:目录:1、大体步骤🦖: 1、创建Maven项目🦕 2、引入依赖🦕 3、创建必要的目录🦕 4、编写代码🦕 5、打包部署(基于SmartTomcat)🦕 6、在浏览器验证🦕 2、具体代码实现🦖: 1、V——用户界面,前端部分🦕: HTML部分🤯: CSS部分🤯: JS部分🤯: 1、大体步骤: 要想自己实现一个Web项目,具体步骤如下: 1、创建Maven项目 打开Idea,创建newp
方法一:输入命令前端项目核心代码主要在src目录下,打开项目找到src目录,右键点击gitbashhere,然后输入命令:1.包括空行(会列出每个文件的代码行数):find."("-name"*.html"-or-name"*.js"-or-name"*.css"-or-name"*.vue"")"-print|xargswc-l 2.不包括空行(只显示总行数)find."("-name"*.html"-or-name"*.js"-or-name"*.css"-or-name"*.vue"")"-print|xargsgrep-v"^$"|wc-l3.回车命令grep-v"^$"如果还有其
前言以前我在CSDN上看到面试贴就直接刷掉的,从不会多看一眼,直到去年9月份我开始准备面试时,才发现很多面试经验贴特别有用,看这些帖子(我不敢称之为文章,怕被杠)的过程中对我的复习思维形成影响很大,所以我现在把之前自己好好整理的面试计划分享出来,希望能帮到接下来要找工作的朋友,不喜勿喷哈~一、简历简历在找工作过程中是非常非常重要的,无论你是什么途径去面试的,面试你的人一定会看你的简历。推荐阅读:如何写「前端简历」,能敲开字节跳动的大门?一份优秀的前端开发工程师简历是怎么样的?1、重点简历就像高考作文——阅卷时间非常短。内容要简洁。直击重点,表现出自己的优势(只要是符合招人单位要求的都是优势,不
序言不断总结完善方法论可以在类似的事物中提供指导和依据,下面是我作为前端游戏程序员对工作流程的经验总结。考虑比较复杂的情况,据实际情况酌情简化或者增加细节。本文多是经验所得,主观性较强,欢迎讨论交流和批评!流程大概流程如图所示,部分细节在下面说明需求宣讲一般比较复杂的需求会要求策划对需求进行宣讲,需重点听下需求涉及哪些领域,主要功能、流程,并初步判断可行性、复杂度、成本等并提出相关建议需求分析先根据需求手册和视觉稿流程、功能、细节、实现方式捋一遍,有必要的话(据经验需求手册并不把每个细节都讲清楚)拽上策划同学把有疑问的地方对一遍。预研在遇到不熟悉的领域或者一些复杂的技术,要提前验证是否能够实现